<template>
<div>
    <div class="zitextyi"  v-for="(v,i) in data" :key="i">
      <div class="zitextyil">
      <h4>{{v.title}}</h4>
      <div class="zitextyin">
      <p class="pyi">{{v.name}}</p>
      <p class="per">区块链</p>
      <p class="psan">{{v.num}}</p> 
      </div>
      
      </div>
      <div class="zitextyir">
          <img :src="v.img">
      </div>
      
  </div>
  </div>
  
</template>

<script>
export default {
props:["data"]
}
</script>

<style scoped>
.zitextyi{
    width: 3.43rem;
    height: 0.98rem;
    /* background-color: tomato; */
    margin: auto;  
   
}
.zitextyil{
    width: 2.70rem;
    height: 0.98rem;
    /* background-color: violet; */
    float: left;
    line-height: 0.70rem;
}
.zitextyir{
    width: 0.73rem;
    height: 0.98rem;
    /* background-color: yellowgreen; */
    float: right;
}
.zitextyir img{
   margin-top: 0.33rem;
   padding-left: 0.05rem;
}
.zitextyin{
    width: 1.81rem;
    height: 0.15rem;
    /* background-color: blueviolet; */
    display: flex;
    justify-content: space-between;
}
.pyi{
    font-size: 0.1rem;
    margin-top: -0.29rem;

}
.per{
    font-size: 0.1rem;
    margin-top: -0.29rem;

}
.psan{
    font-size: 0.1rem;
    margin-top: -0.29rem;

}
</style>